<template>
    <div>
        <myHeaderVue>
            <template #left>
                <img src="../../../public/img/左箭头.svg" style="width: 20%;height: 100%;" alt="" @click="$router.go(-1)">
            </template>
            <template #center>设置</template>
        </myHeaderVue>
        <div class="main">
            <div class="box">
                <div>
                    清除缓存
                </div>
                <div>
                    50M >
                </div>
            </div>
            <div class="box" @click="$router.push('/setPassword')">
                <div>
                    设置密码
                </div>
                <div>
                    >
                </div>
            </div>
            <div class="box">
                <div>
                    当前版本
                </div>
                <div>
                    V1.2 >
                </div>
            </div>
        </div>
    </div>
</template>

<script setup>
import myHeaderVue from '@/components/myHeader.vue';

</script>

<style lang="scss" scoped>
.main {
    width: 375px;
    background-color: #fff;
}

.box {
    width: 96%;
    margin: auto;
    border-bottom: 1px solid #ccc;
    line-height: 30px;
    display: flex;
    justify-content: space-between;
    font-size: 12px;
}
</style>